<template>
    <div class="box">
        <p class="title">基本信息</p>
        <el-form :inline="true" :model="propData.patientInfo" class="top-form">
            <el-form-item label="姓名">
                <el-input v-model="propData.patientInfo.patientName" disabled></el-input>
            </el-form-item>

            <el-form-item label="住院号">
                <el-input v-model="propData.patientInfo.admissionNum" disabled></el-input>
            </el-form-item>

            <el-form-item label="性别">
                <el-input v-model="propData.patientInfo.gender" disabled></el-input>
            </el-form-item>

            <el-form-item label="年龄">
                <el-input v-model="propData.patientInfo.age" disabled></el-input>
            </el-form-item>

            <el-form-item label="住址">
                <el-input v-model="propData.patientInfo.addr" :disabled="isDisabled" style="width: 320px"></el-input>
            </el-form-item>

            <el-form-item label="电话">
                <el-input v-model="propData.patientInfo.phoneNum" :disabled="isDisabled"></el-input>
            </el-form-item>

            <el-form-item label="门诊">
                <el-radio-group v-model="propData.patientInfo.patientType" :disabled="isDisabled">
                    <el-radio :label="1">是</el-radio>
                    <el-radio :label="2">否</el-radio>
                </el-radio-group>
            </el-form-item>

            <el-form-item label="主要诊断">
                <el-input v-model="propData.patientInfo.coreDiagnosis" :disabled="isDisabled"></el-input>
            </el-form-item>

            <el-form-item label="床号">
                <el-input v-model="propData.patientInfo.bedNum" disabled></el-input>
            </el-form-item>

            <el-form-item label="操舱注意事项">
                <el-input v-model="propData.adviceHyperbaricOxygen.adviceNote" :disabled="isDisabled"
                    style="width: 420px"></el-input>
            </el-form-item>
        </el-form>

        <p class="title">操舱医嘱</p>
        <el-form :model="propData.adviceHyperbaricOxygen">
            <el-form-item label="1、表压">
                <el-input v-model="propData.adviceHyperbaricOxygen.gaugePressure" :disabled="isDisabled"
                    style="width: 320px">
                    <template slot="append">Mpa</template>
                </el-input>
            </el-form-item>

            <el-form-item label="2、方案">
                <el-input v-model="propData.adviceHyperbaricOxygen.singleOxygenMinute" :disabled="isDisabled"
                    style="width: 280px">
                    <template slot="prepend">单次吸氧</template>
                    <template slot="append">分钟</template>
                </el-input>
                &#x2716;
                <el-input v-model="propData.adviceHyperbaricOxygen.singleOxygenNum" :disabled="isDisabled"
                    style="width: 180px">
                    <template slot="append">次</template>
                </el-input>

                <br />
                <span style="margin: 0px 30px"></span>
                <el-input v-model="propData.adviceHyperbaricOxygen.intervalOxygenMinute" :disabled="isDisabled"
                    style="width: 280px">
                    <template slot="prepend">间隔吸空气</template>
                    <template slot="append">分钟</template>
                </el-input>
                &#x2716;
                <el-input v-model="propData.adviceHyperbaricOxygen.intervalOxygenNum" :disabled="isDisabled"
                    style="width: 180px">
                    <template slot="append">次</template>
                </el-input>
            </el-form-item>

            <el-form-item label="3、疗程">
                <el-input v-model="propData.adviceHyperbaricOxygen.exePeriod" :disabled="isDisabled"
                    style="width: 200px">
                    <template slot="append">次/日</template>
                </el-input>
                &#x2716;
                <el-input v-model="propData.adviceHyperbaricOxygen.periodNum" :disabled="isDisabled"
                    style="width: 180px">
                    <template slot="append">次</template>
                </el-input>
            </el-form-item>

            <el-form-item label="医生签名">
                <el-select v-model="propData.adviceHyperbaricOxygen.doctorSign" :disabled="isDisabled"
                    placeholder="请选择">
                    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
                    </el-option>
                </el-select>

                <span style="margin: 0px 20px"></span>

                申请时间
                <el-date-picker v-model="propData.adviceHyperbaricOxygen.createTime" :disabled="isDisabled" type="date"
                    placeholder="选择日期">
                </el-date-picker>
            </el-form-item>

            <el-form-item label="疗效">
                <el-radio-group v-model="propData.adviceHyperbaricOxygen.curativeEffect" :disabled="isDisabled">
                    <el-radio :label="1">治愈</el-radio>
                    <el-radio :label="2">显著</el-radio>
                    <el-radio :label="3">有效</el-radio>
                    <el-radio :label="4">无效</el-radio>
                </el-radio-group>
            </el-form-item>

            <el-form-item label="中断治疗原因">
                <el-radio-group v-model="propData.adviceHyperbaricOxygen.treatmentInterruptionReason"
                    :disabled="isDisabled">
                    <el-radio :label="1">治愈</el-radio>
                    <el-radio :label="2">无效</el-radio>
                    <el-radio :label="3">出院</el-radio>
                    <el-radio :label="4">不适应</el-radio>
                    <el-radio :label="5">其他</el-radio>
                </el-radio-group>
            </el-form-item>

            <el-form-item label="液压氧治疗过程中病情简要">
                <el-input :disabled="isDisabled" v-model="propData.adviceHyperbaricOxygen.briefCondition"
                    style="width: 480px">
                </el-input>

                <!-- {{ propData }} -->
            </el-form-item>

            <!-- <el-form-item>
        <el-button type="primary" @click="onSubmit">保存</el-button>
        <el-button @click="onSubmit">取消</el-button>
      </el-form-item> -->
        </el-form>
    </div>
</template>
<script>
export default {
    props: ["propData", "isDisabled"],
    data() {
        return {
            options: [
                {
                    value: "选项1",
                    label: "黄金糕",
                },
                {
                    value: "选项2",
                    label: "双皮奶",
                },
                {
                    value: "选项3",
                    label: "蚵仔煎",
                },
                {
                    value: "选项4",
                    label: "龙须面",
                },
                {
                    value: "选项5",
                    label: "北京烤鸭",
                },
            ],
        };
    },
    methods: {
        onSubmit() {
            console.log("submit!");
        },
    },
};
</script>
<style scoped lang="scss">
.box {
    padding: 10px 20px;
}

.title {
    border-left: 6px solid #409eff;
    padding-left: 10px;
    font-size: 16px;
    text-align: left;
}

// 设置disabled状态下的input的字体样式
/deep/ .el-input.is-disabled .el-input__inner {
    color: #848484 !important;
}
</style>